<template>
	<view class="report Han">
		<view class="reportItem devideLine" v-for="(repo,repoIndex) in testData" :key="repoIndex" @tap="submitItem(repo)">
			<view class="mdTitle">
				{{repo.type}}
			</view>
			<view class="md6Text intro">
				{{repo.intro}}
			</view>
			<view class="arrow">
				<text class="isOpen md2Title mgrey">
					已开启
				</text>
				<image src="../../../static/imgs/detail/arrow.png" mode="" ></image>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				
			}
		},
		methods:{
			submitItem(item){
				uni.navigateTo({
					url:'/pages/views/detail/reportSubmit?item='+item.type
				})
			}
		},
		props:{
			testData:{
				type:Array
			}
		}
	}
</script>

<style scoped lang="less">
	.reportItem{
		font-weight: bold;
		padding: 36upx 32upx;
		position: relative;
		.intro{
			color: #3465B1;
			padding-top: 20upx;
		}
		
		.arrow{
			display: flex;
			align-items: center;
			height: 48upx;
			border: ;
			position: absolute;
			top: 50%;
			right: 48upx;
			
			transform: translateY(-50%);
		
			
			image{
				width: 48upx;
				height: 48upx
			}
		}
	}
</style>
